<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Social Full Fun</title>
        <link rel="shortcut icon" type="image/x-icon" href="http://#{initParam['DIRECCION_SERVIDOR']}/Iconos/icono.ico"/>
    </h:head>
    <h:body>
        <ui:composition>
            <p:outputPanel id="panelEventoLocalSucursalID">
                <p:dataTable value="#{eventoLocalSucursalControlador.eventoLocalSucursalDataModel}"
                             id="tablaEventoLocalSucursalID"
                             var="evento"
                             rowKey="#{evento.evCodigo}"
                             paginator="true"
                             rows="5" 
                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                             rowsPerPageTemplate="5,10,15"
                             emptyMessage="No existen eventos por el momento">
                    <p:column headerText="Foto" sortBy="#{evento.evFoto}">
                        <p:graphicImage value="#{evento.evFoto}" height="75px" width="75px"/>
                    </p:column>
                    <p:column headerText="Lugar" sortBy="#{evento.suCodigo.suDescripcion}">
                        <h:outputText style="color: #CCCCCC" value="#{evento.suCodigo.suNombre}"/>  
                    </p:column>

                    <p:column headerText="Nombre Evento" sortBy="#{evento.evDescripcion}" >
                        <h:outputText style="color: #CCCCCC" value="#{evento.evDescripcion}"/>
                    </p:column>

                    <p:column headerText="Fecha Inicio" sortBy="#{evento.evFechaInicio}">
                        <h:outputText style="color: #CCCCCC" value="#{evento.evFechaInicio}">
                                             <f:convertDateTime pattern="dd-MMM HH:mm" />
                        </h:outputText>
                    </p:column>
                    <p:column headerText="Fecha Fin" sortBy="#{evento.evFechaFin}">
                        <h:outputText style="color: #CCCCCC" value="#{evento.evFechaFin}">
                                             <f:convertDateTime pattern="dd-MMM HH:mm" />
                        </h:outputText>
                    </p:column>
                    <p:column headerText="Puntos" sortBy="#{evento.evPuntos}">
                        <h:outputText style="color: #CCCCCC" value="#{evento.evPuntos}">                                           
                        </h:outputText>
                    </p:column>
                    <p:column headerText="Reservar">
                        <center>
                            <h:outputLink style="float: bottom" 
                                          onclick="window.open('reservarEvento.xhtml?idEvento=#{evento.evCodigo}', 
                                                  'popupWindowName',
                                                  'width=725,height=350,titlebar=no,directories=no, dependent=yes, resizable=no, menubar=no, toolbar=no, \n\
                                                                      fullscreen=no, location=no, top=200, left=340, status=no'); 
                                                  return false;" value="#" rendered="#{eventoLocalSucursalDataManager.muestraReserva}">
                                <img title="Reservar" src="http://#{initParam['DIRECCION_SERVIDOR']}/banners/banner6.gif" style="height: 20px; width: 90px"/>
                            </h:outputLink>
                        </center>
                        <center>
                            <h:outputLink style="float: bottom" 
                                          value="#" rendered="#{!eventoLocalSucursalDataManager.muestraReserva}">
                                <img title="Para Reservar Debe Crear Primero una Membresía" src="http://#{initParam['DIRECCION_SERVIDOR']}/estado/no.jpg" style="height: 30px; width: 30px"/>
                            </h:outputLink>
                        </center>
                         
                    </p:column>

                </p:dataTable>
            </p:outputPanel>
        </ui:composition>
    </h:body>
</html>
